/**
 *  ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
    ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
    ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
    ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
 */

let fs = require('fs')


window.onload = function () {
  let content = document.querySelector('#content')


  content.ondragenter = content.ondragover = content.ondragleave = function () {
    return false
  }

  content.ondrop = function (e) {
    e.preventDefault()

    const filePath = e.dataTransfer.files[0].path

    fs.readFile(filePath, (err, res) => {
      content.innerText = res
    })
  }
}